<template>
	<div>

		<div class="list-item" v-for="(item, index) in list" :key="index">
			<div class="item-name">
				<span>{{item.name}}</span>
			</div>
			<div v-if="item.childrens" class="children-item">
				<list :list="item.name"></list>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name: "List",
		props: {
			list:{
				type:Array,
				default:[]
			}
		},
		onShow() {
			
		}
	};
</script>
